{% include "header.html" %}  
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
    <!-- CONTEÚDO PRIMÁRIO -->
      <div class="primary left"> 
       
        <!-- EVENTOS -->
        <div class="eventos2 boxPattern left">
          <h3 class="titleLarge relative left"><span class="iconset i-eventos"></span>Eventos</h3>
             {% for eventos in eventos.object_list|slice:"0:20" %}
          	<div class="boxcontent2 left">
            	<img class="imagemEvento left" src='/media/{{ eventos.eventofoto }}' width="175" height="165" alt="noticia 01" />
            	<span class="topevent left"> {{ eventos.titulo }}</span>
            	<span class="textEvento left">{{ eventos.conteudo|safe }}</span>
            	<div class="local"><span>Local:</span><p>{{ eventos.local }}</p></div>
            	<div class="data"><span>Data:</span><p>{{ eventos.diadoevento }}</p></div>
            </div>			
          	<div class="foot left">
          	</div>
            {% endfor %}
			<div class="box-redes">
				<div class="redesociais">
					<!-- Compartilhar Orkut -->
					<div id="orkut_share" style="width:100%;"></div><script src="http://www.google.com/jsapi" type="text/javascript"></script><script type="text/javascript">google.load('orkut.share', '1');google.setOnLoadCallback(function(){new google.orkut.share.Button({style:'mini'}).draw('orkut_share');}, true);</script>
				</div>
				<div class="redesociais twitter">
					<!-- Compartilhar Twitter -->
					<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="InstitutoGalaxy" rel="nofollow">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
				</div>
				<div class="redesociais plus">
					<!-- Compartilhar Plus -->
					<g:plusone size="medium" style="width:68px!important;"></g:plusone>
				</div>
				<div class="redesociais facebook1">
				<!-- Compartilhar Facebook -->
				<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.institutogalaxy.com.br/eventos&%0Alayout=standard&show_faces=false&width=380&action=recommend&colorscheme=light&height=30" style="border: medium none; overflow: hidden; width: 300px; height: 30px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
				</div>
			</div>
                    <div class="paginacao">
    <span class="step-links">
        {% if eventos.has_previous %}
            <a href="?page={{ eventos.previous_page_number }}">anterior</a>
        {% endif %}

        <span class="current">
            Página {{ eventos.number }} de {{ eventos.paginator.num_pages }}
        </span>

        {% if eventos.has_next %}
            <a href="?page={{ eventos.next_page_number }}">Proxíma</a>
        {% endif %}
    </span>
</div>
          
          </div>

        
	    <!--FIM DE EVENTOS-->

     
      </div>
    <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
      <div class="secondary left"> 
       
       <!-- DESTASQUES--> 
       <div class="destasques boxPattern left">
       	<h3 class="titleSmall relative left"><span class="iconset i-estrela"></span>Destaques</h3>
       	<div class="boxDestaques left">
        	<ul class="listaDestaques left">
            	{% for destaques in destaques %}
            	<li class="listaDestaquesContainer">
                	<img class="imgDestaq" src='/media/{{ destaques.imagem_destaque }}' width="60" height="30" alt="noticia 01" /><span class="listaInterna"><p>{{ destaques.titulo }}</p></br></span>
                </li>
            	{% endfor %}
            </ul>
           <div class="verTodas left"> <a href="destaques.html" title="" class="vTodas">ver todas<span class="i-more">+</span></a> </div>
        </div>
       </div>
       <!-- FIM DE DESTAQUES-->
       
        <!-- VIDEOS -->
        	<div class="videos boxPattern left">

            	<h3 class="titleSmall relative left"><span class="iconset i-videos"></span>Vídeos</h3>

                <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=GalaxyTeresina&synd=open&w=285&h=290&title=&border=%23ffffff%7C3px%2C0px+solid+%23999999&output=js"></script>

            </div>
        <!-- // FIM VIDEOS -->
        
        <!-- VAGAS RECENTES -->
        <div class="vagas boxPattern left">
            	<h3 class="titleSmall relative left"><span class="iconset i-vagas"></span>Vagas Recentes</h3>
                <div class="boxVagas left">
                
                	<div class="feedVagas table left">
					    {% for vaga in vaga|slice:"0:3" %}
                        <ul class="feedVagasContainer left">
                           
                        	<li>
                        		<a href="#" title="" class="boxVaga left">    	
                            		<span class="cargo left">{{ vaga.descricao }}</span>
                                    <span class="perfil left"><strong class="titulo">Perfil:</strong><strong class="resposta">{{ vaga.observacao }}</strong></span>
                                    <span class="area left"><strong class="titulo">Área de atuação:</strong><strong class="resposta">{{ vaga.area }}</strong></span>
                                    <span class="iconset arrowFeed"></span>
                                </a>
                            </li>
                            
                        </ul>
						{% endfor %}
                       					</div>
                        <div class="verTodas left">
                            <a href="#" title="" class="vTodas">ver todas<span class="i-more">+</span></a>
                        </div>
                
                
                </div>
        </div>
        <!-- // FIM VAGAS RECENTES --> 
        
        <!-- REDES SOCIAIS -->
        <div class="sociais boxPattern no-marginBottom left">
          <div class="sociaisBox table boxer left">
            <ul class="titleAbas">
              <li><a class="facebook left " href="#tab1" title="Facebook"><span class="iconset i-face"></span>FACEBOOK</a></li>
              <li><a class="twitter left" href="#tab2" title="Twitter"><span class="iconset i-twit"></span>TWITTER</a></li>
            </ul>
            <div class="contentRedesociais left"> 
              
              <!-- FACEBOOK -->
              <div id="tab1" class="tabRedesociais"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FInstituto-Galaxy-Consultoria-e-Treinamento%2F208204072548213&amp;width=293&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:340px;" allowTransparency="true"></iframe></div>
              
              <!-- TWITTER -->
              <div id="tab2" class="tabRedesociais"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 293,
  height: 253,
  theme: {
    shell: {
      background: '#f29500',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#004084',
      links: '#0088ff'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('InstitutoGalaxy').start();
</script>
			</div>
            </div>
          </div>
		</div>
        <!-- // REDES SOCIAIS --> 
        
      </div>
      <!-- // FIM CONTEÚDO SECUNDÁRIO --> 

    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
  
  {% include "rodape.html" %} 
